<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        var a = [1, 3, 5, 6, 7, 8, 9]
        // 过滤， 参数是 谓词
        var b = a.filter(item => {
            return item % 2 == 1
        })

        // 函数式接口，函数式编程  foreach循环遍历
        b.forEach(item => console.info(item))
        console.info("-------------------------")

        // 获取新的 数据
        b = a.map(item => item + 10)
        b.forEach(item => console.info(item))

        // 用于排序  if (abc(a,b)) {swap()}
        b = a.sort((a, b) => b - a)
        b.forEach(item => console.info(item))
        // 用于判断是否有符合条件的返回boolean
        b = a.some(item => {
            return item % 2 == 1
        })
        console.info(b)
        
        // 正则
        // 符号   ^开始  $ 结束 []字符簇   {m, n} 出现m到n次  ?零次或1次或者贪婪匹配  +1次到多次   *0次到多次  |或者   \d 数字[0-9] \D非数字[^0-9]  \w 数字字母_ [0-9A-Za-z_]  . 除了换行符所有的字符
        
       
    </script>
</head>
<body>
    <style>
        h1[a$='d'] {
            color: red
        }
        .msg {
            color: red;
        }
    </style>
    6-16数字：<input type="text" id="str" onblur="fun0()" /><span class="msg"></span>
    <script>
        function fun0() {
            var ele = document.querySelector("#str")
            var reg = /^[1-9]\d{5,15}$/gi  ; // new Regex()
        
            if (!reg.exec(ele.value)) {
                document.querySelector(".msg").innerHTML = "输入的不是6-16位数字"
            } else {
                document.querySelector(".msg").innerHTML = ""
            }

            reg = /[abc]/g
            var r = false;
            while (r = reg.exec(ele.value)) {
                console.info(r)
            }

        }
        

    </script>
    <h1 a="abc">hello</h1>
    <h1 a="abd">hello</h1>
    <h1 a="abe">hello</h1>
    <h1 a="bcd">hello</h1>
</body>
</html>

